﻿

 
/* ============ Component - Banner ============= */
.comp-banner .header
{
    background1:url('../images/topheader-bg.png') no-repeat top center ;
    margin:0 auto;
    position:relative;
    background-color1: #004E81;
    box-shadow: rgba(0,78,129,0.4) 0px 3px 12px;
}
.comp-banner .header .welcome
{
    position:absolute;
    right:250px;
    top:0px;
    text-transform:uppercase;
    background:url('../images/bg-welcome_appsview-M.png') repeat left 0px ;
    height:28px;
}
.comp-banner .header .welcome:before
{
    content:"";
    width:38px;
    position:absolute;
    left:-38px;
    top:0px;
    background:url('../images/bg-welcome_appsview-LR.png') repeat left 0px ;
    height:28px;
}
.comp-banner .header .welcome:after
{
    content:"";
    width:38px;
    position:absolute;
    right:-38px;
    top:0px;
    background:url('../images/bg-welcome_appsview-LR.png') repeat left -30px ;
    height:28px;
}
.comp-banner .header .welcome p {
    color: #000000;
    font-size:11px;
    text-transform:capitalize;
    padding-top:2px;
}
.comp-banner .header .welcome p span {
    color: #0099D6;
}
.comp-banner h1.title {
    line-height:45px;
    color: #FFFFFF;
    font-size:17px;
    padding-left:15px;
    font-weight:bold;
     background:url('img/icon/MISBanner.png')  ;
}
.comp-banner .aramco-logo
{
    top:4px;
    right:10px;
    position:absolute;
   
  
}